<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="./NewVoucher_files/appTheme.css" type="text/css" rel="Stylesheet">
    <link href="./NewVoucher_files/Voucher.Voucher.css" type="text/css" rel="Stylesheet">
    <link href="./NewVoucher_files/AccountBooks.css" rel="stylesheet" type="text/css">
    <link href="./NewVoucher_files/WdatePicker.css" rel="stylesheet" type="text/css">
    <style type="text/css">
        #MarginTable input {
            width: 50px;
        }

        #divPrint {
            line-height: 22px;
        }
        .caouzohang{
            width: 1000px;
            position: relative;
            margin: auto;
            height: 40px;
            background-color: White;
            padding-top: 5px;
            border-bottom: 1px solid rgb(233, 233, 233);
        }
    </style>


</head>
<body>
<form method="post" action="" id="ctl00">
    <div class="masterTopTitle" style="">
        <div>
            <span id="spVgTitle">记账凭证</span>
        </div>
    </div>
    <!--操作行-->
    <div class="caouzohang">
        <!--保存及其他操作-->
        <div style="float: left;">
            <table style="margin-left: 18px;">
                <tbody>
                <tr>
                    <td>
                        <div class="buttons SaveAndAdd">
                            <a class="buttonDisabled" id="A1">保存并新增</a>
                        </div>
                    </td>
                    <td>
                        <div class="buttons Save">
                            <a class="buttonDisabled" id="A2">保&nbsp;&nbsp;存</a>
                        </div>
                    </td>
                    <td>
                        <div class="buttons Print">
                            <a class="button" onclick="print()">打&nbsp;&nbsp;印</a>
                        </div>
                    </td>
                    <td>
                        <div class="buttonMore">
                            <div class="buttonMoreButton">
                                更&nbsp;&nbsp;多<span></span>
                            </div>
                            <div class="buttonMoreDdl">
                                <div>
                                    <a onclick="SaveAsTemplateDialog()"
                                       id="btnSaveAsTemplate">&nbsp;保存成模板&nbsp;&nbsp;</a>
                                </div>
                                <div>
                                    <a onclick="OpenTemplateDialog()" id="A10">从模板中加载</a>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!--凭证内容-->
    <div style="width: 1000px; position: relative; background-color: White; margin: 0 auto;">
        <div style="width: 1000px; position: absolute; margin-bottom: 20px;">
            <div id="divVoucher" style="width: 1000px;">
                <div style="width: 1000px; position: relative;">
                    <div id="VoucherContainer"
                         style="background-color: White; width: 1000px; position: relative; margin-left: auto; margin-right: auto;">
                        <!--凭证头信息-->
                        <div id="VoucherHeader" style="height: auto;">
                            <div class="headerMain" style="width: 1000px; height: 60px; line-height: 60px;">
                                <div style="margin-left: 20px; float: left;">
                                    <div id="divVoucherGroup" style="float: left;">
                                        <select id="ddlVoucherGroup">
                                            <option value="1010" title="记账凭证" selected="selected">记</option>
                                            <option value="1020" title="收款凭证">收</option>
                                            <option value="1030" title="付款凭证">付</option>
                                            <option value="1040" title="转账凭证">转</option>
                                        </select>&nbsp;
                                    </div>
                                    <div id="divVNum" style="float: left;">
                                        <input name="voucher$txtVgId" type="text" id="txtVgId" value="3">&nbsp;号
                                    </div>
                                </div>
                                <div style="margin-left: 120px; float: left;">
                                    <div style="float: left; width: 32px;">
                                        日期:&nbsp;
                                    </div>
                                    <input name="voucher$txtDate" type="text" id="txtDate" class="mydate"
                                           value="2016-10-31">
                                </div>
                                <div title="附件" id="divAttach" style="display: none;">
                                    <span></span>
                                </div>
                                <div title="亲，可以在此录入备注哦！" id="divNote">
                                    <span></span>
                                </div>
                                <div style="float: right; margin-right: 20px;">
                                    附单据&nbsp;<input type="text" id="txtAttach" value="">&nbsp;张
                                </div>
                                <div class="statusContainer" style="float: right; margin-right: 30px; color: Orange;">
                                    亲，按回车键，能快速选择单元格哟!
                                </div>
                            </div>
                        </div>
                        <!--凭证详细信息-->
                        <div id="divBody" style="min-height: 400px;">
                            <!--表头-->
                            <table id="tableVoucherHeader"
                                   style="width: 960px; margin-left: 20px; line-height: 60px; border-collapse: collapse; text-align: center;">
                                <tbody>
                                <tr id="VoucherTopRow" style="background: white;">
                                    <td style="width: 209px;">摘要
                                    </td>
                                    <td style="width: 308px;">会计科目
                                    </td>
                                    <td style="width: 219px;">
                                        <div>
                                            借方金额
                                        </div>
                                        <div class="moneyUint">
                                            <span>亿</span> <span>千</span> <span>百</span> <span>十</span> <span>万</span>
                                            <span>千</span>
                                            <span>百</span> <span>十</span> <span>元</span> <span>角</span> <span
                                                class="last">分</span>
                                        </div>
                                    </td>
                                    <td class="tdLast" style="width: 220px;">
                                        <div>
                                            贷方金额
                                        </div>
                                        <div class="moneyUint">
                                            <span>亿</span> <span>千</span> <span>百</span> <span>十</span> <span>万</span>
                                            <span>千</span>
                                            <span>百</span> <span>十</span> <span>元</span> <span>角</span> <span
                                                class="last">分</span>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <!--内容-->
                            <table id="tableVoucher" style="width: 960px; margin-left: 20px; line-height: 60px; border-collapse: collapse; text-align: center;">
                                <tbody>
                                <tr class="trDetails">
                                    <td class="tdZhaoyao">
                                        <div style="position: relative;" class="DisplayText DisplayTextZhaiyao">
                                            <div class="DisplayZhaiyaoDiv">
                                                <span class="DisplayZhaiYao"></span>
                                            </div>
                                        </div>
                                        <div class="InputText">
                                            <textarea maxlength="45" type="text" class="inputZhaiYao"></textarea>
                                        </div>
                                    </td>
                                    <td class="tdKemu">
                                        <div style="position: relative;">
                                            <div class="DisplayText DisplayTextKemu">
                                                <div class="DisplayKemuDiv">
                                                    <span class="DisplayKemu"></span>
                                                </div>
                                            </div>
                                            <div class="InputText">
                                                <textarea type="text" class="inputKemu"></textarea>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="tdJieFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayJieFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputJieFang">
                                        </div>
                                    </td>
                                    <td class="tdLast tdDaiFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayDaiFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputDaiFang">
                                        </div>
                                    </td>
                                </tr>
                                <tr class="trDetails">
                                    <td class="tdZhaoyao">
                                        <div style="position: relative;" class="DisplayText DisplayTextZhaiyao">
                                            <div class="DisplayZhaiyaoDiv">
                                                <span class="DisplayZhaiYao"></span>
                                            </div>
                                        </div>
                                        <div class="InputText">
                                            <textarea maxlength="45" type="text" class="inputZhaiYao"></textarea>
                                        </div>
                                    </td>
                                    <td class="tdKemu">
                                        <div style="position: relative;">
                                            <div class="DisplayText DisplayTextKemu">
                                                <div class="DisplayKemuDiv">
                                                    <span class="DisplayKemu"></span>
                                                </div>
                                            </div>
                                            <div class="InputText">
                                                <textarea type="text" class="inputKemu"></textarea>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="tdJieFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayJieFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputJieFang">
                                        </div>
                                    </td>
                                    <td class="tdLast tdDaiFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayDaiFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputDaiFang">
                                        </div>
                                    </td>
                                </tr>
                                <tr class="trDetails">
                                    <td class="tdZhaoyao">
                                        <div style="position: relative;" class="DisplayText DisplayTextZhaiyao">
                                            <div class="DisplayZhaiyaoDiv">
                                                <span class="DisplayZhaiYao"></span>
                                            </div>
                                        </div>
                                        <div class="InputText">
                                            <textarea maxlength="45" type="text" class="inputZhaiYao"></textarea>
                                        </div>
                                    </td>
                                    <td class="tdKemu">
                                        <div style="position: relative;">
                                            <div class="DisplayText DisplayTextKemu">
                                                <div class="DisplayKemuDiv">
                                                    <span class="DisplayKemu"></span>
                                                </div>
                                            </div>
                                            <div class="InputText">
                                                <textarea type="text" class="inputKemu"></textarea>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="tdJieFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayJieFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputJieFang">
                                        </div>
                                    </td>
                                    <td class="tdLast tdDaiFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayDaiFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputDaiFang">
                                        </div>
                                    </td>
                                </tr>
                                <tr class="trDetails">
                                    <td class="tdZhaoyao">
                                        <div style="position: relative;" class="DisplayText DisplayTextZhaiyao">
                                            <div class="DisplayZhaiyaoDiv">
                                                <span class="DisplayZhaiYao"></span>
                                            </div>
                                        </div>
                                        <div class="InputText">
                                            <textarea maxlength="45" type="text" class="inputZhaiYao"></textarea>
                                        </div>
                                    </td>
                                    <td class="tdKemu">
                                        <div style="position: relative;">
                                            <div class="DisplayText DisplayTextKemu">
                                                <div class="DisplayKemuDiv">
                                                    <span class="DisplayKemu"></span>
                                                </div>
                                            </div>
                                            <div class="InputText">
                                                <textarea type="text" class="inputKemu"></textarea>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="tdJieFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayJieFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputJieFang">
                                        </div>
                                    </td>
                                    <td class="tdLast tdDaiFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayDaiFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputDaiFang">
                                        </div>
                                    </td>
                                </tr>
                                <tr class="trTotal">
                                    <td colspan="2" style="width: 250px; text-align: left">
                                        <div style="margin-left: 100px; font-weight: bold;">
                                            合计: <span style="font-size: 13px;" class="spTotal"></span>
                                        </div>
                                    </td>
                                    <td style="width: 220px;">
                                        <div class="TotalDisplayText DisplayMoney">
                                            <span class="spTotalDebit"></span>
                                        </div>
                                    </td>
                                    <td class="tdLast" style="width: 220px;">
                                        <div class="TotalDisplayText DisplayMoney">
                                            <span class="spTotalCredit"></span>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <!--表尾-->
                            <div id="VoucherFooter" style="margin-top: 20px; margin-left: 20px; padding-bottom: 20px;">
                                制单人：
                                <span id="spanPREPARED_BY">
                                    <span>1072993207@qq.com</span>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
<script src="./Scripts/jquery/jquery-2.0.3.js"></script>
<script src="./js/NewVoucher.js"></script>
<script src="./js/date/WdatePicker.js"></script>
</body>
</html>